<ui:composition
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j"
 template="/template.xhtml">
 <ui:define name="center">
	<h:panelGrid columns="2">
	 <h:panelGrid columns="1">
	  	<a4j:mediaOutput element="img" createContent="${boutiqueBacking.paintBookPhoto}" mimeType="image/jpeg"/>
	  </h:panelGrid>
	  <h:panelGrid columns="2" headerClass="titre">
	  	<f:facet name="header">#{boutiqueBacking.book.title}</f:facet>
	    <h:outputText value="Auteurs" styleClass="auteur"/>
	    <h:outputText value="#{boutiqueBacking.book.authors}" />
	    <h:outputText value="Publication"  />
	    <h:outputText value="#{boutiqueBacking.book.date}" />
	    <h:outputText value="Prix" styleClass="price" />
	    <h:outputText value="#{boutiqueBacking.book.price}" />
	  <f:facet name="footer">
	   <h:commandLink
	    action="#{boutiqueBacking.addBook(book.id)}"
	    immediate="true">
	    <!-- <h:outputText value="ajouter au panier" align="center"/> -->
	    <h:graphicImage value="/resources/images/cart.gif" />
	   </h:commandLink>
	   </f:facet>
	  </h:panelGrid>
	 
	</h:panelGrid>
 </ui:define>
</ui:composition>
